<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>BDE LAG</title>

	<link rel="stylesheet" media="screen" href="css/bdelag_grid.css">
	<link rel="stylesheet" media="screen" href="css/bdelag_style.css">
    <link rel="stylesheet" href="css/bdelag_nivo-slider-default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/bdelag_nivo-slider.css" type="text/css" media="screen" />

	<script src="js/bdelag_jquery.js"></script>
	<script src="js/bdelag_script.js"></script>
    <script src="js/bdelag_jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
	        effect: 'random',
	        animSpeed: 2000,
	        pauseTime: 4000
        });
    });
    </script>
</head>
<body>
	<img src="images/fb.png" id="fb" alt="">
	
	<!-- CONTAINER -->
	<div class="container_12">
		
		<!-- HEADER -->
		<div class="grid_12 header">
			<img src="images/logo.png" >
		</div>

		<div class="grid_12 espace20"></div>
		
		<!-- NAVIGATION -->
		<div class="grid_12 navigation">
			<ul>
				<li><a href="#">Accueil</a></li>
				<li><a href="#">Évènements</a></li>
				<li><a href="#">Photos</a></li>
			</ul>
		</div>

		<div class="grid_12 espace20"></div>

		<div class="grid_12">
		    <div class="slider-wrapper theme-default">
            	<div class="ribbon"></div>
	            <div id="slider" class="nivoSlider">
	                <img src="http://lorempixel.com/940/400/sports" alt="" title="This is an example of a caption" />
	                <img src="http://lorempixel.com/940/400/sports" alt="" title="Thfkdjlsjkhfdskhjfdsjkhcaption"/>
	                <img src="http://lorempixel.com/940/400/sports" alt="" title="fdskljfdksjlkjlfsd" />
	            </div>
 	        </div>
		</div>

		<div class="grid_12 espace20"></div>
		
		<!-- CONTENT -->
		<div class="grid_12">
			

			<div class="grid_9 alpha">
				<div class="content">
					<h3>Article 1</h3>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercita
					<a href="#">Un lien</a>
					tion ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

					<div class="espace20"></div>
					<h3>Article 2</h3>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt<a href="#">Un lien</a> ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolo<a href="#">Un lien</a>r in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</div>
			</div>

			<div class="grid_3 omega">
				<div class="sidebar">
					<h3>fdlksdljkkljfsdkjl</h3>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolo<a href="#">Un lien</a>r in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					<div class="espace20"></div>
					<h3>fdlksdljkkljfsdkjl</h3>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolo<a href="#">Un lien</a>r in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</div>
			</div>


		</div>

		<div class="grid_12 espace20"></div>
		
		<!-- FOOTER -->
		<div class="grid_12 footer">
			<div class="grid_4 alpha">
				<div class="caseFooter">
					<h3>Titre footer</h3>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure do<a href="#">Un lien</a>lor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</div>
			</div>
			<div class="grid_4">
				<div class="caseFooter">
					<h3>Titre footer</h3>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ull<a href="#">Un lien</a>amco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</div>
			</div>
			<div class="grid_4 omega">
				<div class="caseFooter">
					<h3>Titre footer</h3>
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore<a href="#">Un lien</a> et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</div>
			</div>
		</div>
	
	</div>
	
</body>
</html>
